<template>
  <div>
  <van-index-bar>
  <van-index-anchor index="奈雪奶茶" />
  
  <van-cell >
       <van-swipe-cell>
            <van-card
            
              price="2.00"
              desc="描述信息"
              class="goods-card"
              title="商品标题"
              thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
            >
              <template #num>
                <van-button size="mini">按钮</van-button>
              </template>
            </van-card>
          </van-swipe-cell>
  </van-cell>
 
  <van-cell >
      <van-swipe-cell>
            <van-card
            
              price="2.00"
              desc="描述信息"
              class="goods-card"
              title="商品标题"
              thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
            >
              <template #num>
                <van-button size="mini">按钮</van-button>
              </template>
            </van-card>
          </van-swipe-cell>
  </van-cell>
  <van-cell >
      <van-swipe-cell>
            <van-card
            
              price="2.00"
              desc="描述信息"
              class="goods-card"
              title="商品标题"
              thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
            >
              <template #num>
                <van-button size="mini">按钮</van-button>
              </template>
            </van-card>
          </van-swipe-cell>
  </van-cell>

  

  <van-index-anchor index="奈雪奶茶" />
   <van-cell >
      <van-swipe-cell>
            <van-card
            
              price="2.00"
              desc="描述信息"
              class="goods-card"
              title="商品标题"
              thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
            >
              <template #num>
                <van-button size="mini">按钮</van-button>
              </template>
            </van-card>
          </van-swipe-cell>
  </van-cell>
   <van-cell >
      <van-swipe-cell>
            <van-card
            
              price="2.00"
              desc="描述信息"
              class="goods-card"
              title="商品标题"
              thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
            >
              <template #num>
                <van-button size="mini">按钮</van-button>
              </template>
            </van-card>
          </van-swipe-cell>
  </van-cell>
   <van-cell >
      <van-swipe-cell>
            <van-card
            
              price="2.00"
              desc="描述信息"
              class="goods-card"
              title="商品标题"
              thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
            >
              <template #num>
                <van-button size="mini">按钮</van-button>
              </template>
            </van-card>
          </van-swipe-cell>
  </van-cell>
  
  <van-index-anchor index="c" />
  <van-cell title="文本" />
  <van-cell title="文本" />
  <van-cell title="文本" />

  <van-index-anchor index="d" />
  <van-cell title="文本" />
  <van-cell title="文本" />
  <van-cell title="文本" />

  <van-index-anchor index="e" />
  <van-cell title="文本" />
  <van-cell title="文本" />
  <van-cell title="文本" />

  <van-index-anchor index="f" />
  <van-cell title="文本" />
  <van-cell title="文本" />
  <van-cell title="文本" />

  <van-index-anchor index="g" />
  <van-cell title="文本" />
  <van-cell title="文本" />
  <van-cell title="文本" />
</van-index-bar>
  </div>
</template>
<script>
export default {
    
}
</script>
<style scoped>
.goods-card {
  width: 250px;
}

</style>